import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router';
const routes: RouteRecordRaw[] = [
    {
        redirect: '/individuality',
        path: "/"
    },
    {
        path: '/individuality',
        component: () => import('@/view/individuality/index.vue')
    },
    {
        path: '/allmusiclist',
        component: () => import('@/view/allmusiclist/index.vue')
    },
    {
        path: '/ranklist',
        component: () => import('@/view/ranklist/index.vue')
    },
    {
        path: '/artistList',
        component: () => import('@/view/artist-list/index.vue')
    },
    {
        path: '/mv',
        component: () => import('@/view/mv/index.vue'),
        meta: { AppPadding: true }
    },
    {
        path: '/mv-detail',
        component: () => import('@/view/common/mvDetail.vue'),
    },
    {
        path: '/NewMusicDetail',
        component: () => import('@/view/NewMusicDetail/index.vue'),
        meta: { AppPadding: true }
    },

    {
        path: '/MusicListDetail',
        component: () => import('@/view/common/musicListDetail.vue'),
        meta: { AppPadding: true },
        name: 'MusicListDetail'
    },

]
const router = createRouter({
    scrollBehavior(to, from, savedPosition) {
        // always scroll to top
        return { top: 0 }
    },
    routes,
    history: createWebHashHistory()
})
export default router